<!DOCTYPE html>
<html lang="en"><!-- Mirrored from localhost:8080/PET_STOREMVC0702_war_exploded/Havecats.action by HTTrack Website Copier/3.x [XR&CO'2014], Sat, 02 Nov 2024 09:41:48 GMT --><!-- Added by HTTrack --><head><meta http-equiv="content-type" content="text/html;charset=UTF-8"><!-- /Added by HTTrack -->

    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>新青年宠物销售平台</title>
    
  
  
  
  <link href="style/bootstrap.css" rel="stylesheet">
  <link href="style/gsdk.css" rel="stylesheet">
  <link href="style/demo.css" rel="stylesheet">
  <link href="style/cooriku.css" rel="stylesheet">
  <link href="style/font-awesome.css" rel="stylesheet">
  <link rel="shortcut icon" href="icon.ico" type="image/x-icon">
  
  </head>
  <body style="">





  <div id="navbar-full">
      <div class="container">
          <nav class="navbar navbar-ct-blue navbar-fixed-top navbar-transparent" role="navigation">

              <div class="container">
                  <!-- Brand and toggle get grouped for better mobile display -->
                  <div class="navbar-header">
                      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
                          <span class="sr-only">Toggle navigation</span>
                          <span class="icon-bar"></span>
                          <span class="icon-bar"></span>
                          <span class="icon-bar"></span>
                      </button>
                      <a href="#">
                          <div class="logo-container">
                              <div class="logo">
                                  <img src="img/logo-top1.png">
                              </div>
                              <div class="brand">
                                  新青年宠物店
                              </div>
                          </div>
                      </a>
                  </div>

                  <!-- Collect the nav links, forms, and other content for toggling -->
                  <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                      <ul class="nav navbar-nav navbar-right">
                          <li class="dropdown">
                              <a href="#" class="nav-link dropdown-toggle" data-toggle="dropdown" role="button">搜索宠物 <b class="caret"></b></a>
                              <ul class="dropdown-menu" role="menu">
                                  <li><a class="dropdown-item" style="color: blue" th:href="@{/moredogs}">搜索狗狗</a></li>
                                  <li><a class="dropdown-item" style="color: blue" th:href="@{/morecats}">搜索猫咪</a></li>
                              </ul>
                          </li>
                          <li class="dropdown">
                              <a href="#" class="nav-link dropdown-toggle" data-toggle="dropdown" role="button">宠物词典<b class="caret"></b></a>
                              <ul class="dropdown-menu" role="menu">
                                  <li><a class="dropdown-item" style="color: blue" th:href="@{/Havedogs}">狗狗的饲养方法</a></li>
                                  <li><a class="dropdown-item" style="color: blue" th:href="@{/Havecats}">猫咪的饲养方法</a></li>
                              </ul>
                          </li>
                          <!-- 登录和注册按钮 -->
                          <li class="nav-item" th:if="${username == null}">
                              <button style="color: #4e498f;" name="pet-detail" class="btn btn-coo-blue btn-tooltip" role="button" data-toggle="tooltip" data-placement="right" title="" data-original-title="Let's search" th:onclick="|window.location.href='@{/login}'|">登录</button>
                          </li>
                          <li class="nav-item" th:if="${username == null}">
                              <button style="color: #4e498f;" name="pet-detail" class="btn btn-coo-blue btn-tooltip" role="button" data-toggle="tooltip" data-placement="right" title="" data-original-title="Let's search" th:onclick="|window.location.href='@{/zhuce}'|">注册</button>
                          </li>

                          <!-- 欢迎信息和退出登录按钮 -->
                          <li class="nav-item" th:if="${username != null}">
                              <a href="" class="nav-link dropdown-toggle" data-toggle="dropdown" role="button">欢迎您尊贵的<span th:text="${username}" class="nav-link nav-link dropdown-toggle" style="color: blue;"></span>新青年宠物店VIP贵宾，点我修改个人信息!<b class="caret"></b></a>
                              <ul class="dropdown-menu" role="menu">
                                  <li><a class="dropdown-item"  style="color: blue" th:href="@{/upUser}">修改个人资料</a></li>
                                  <li><a class="dropdown-item"  style="color: blue" th:href="@{/myLove}">我的喜爱</a></li>
                                  <li><a class="dropdown-item"  style="color: blue" th:href="@{/userSubscribe}">我的预约</a></li>
                                  <li><a class="dropdown-item" style="color: blue" th:href="@{/quituser}">退出登录</a></li>

                              </ul>
                          </li>
                      </ul>
                  </div>


              </div>
          </nav>
      </div><!--  end container-->

      <div class="blurred-container">
          <div class="motto">
              <div>We</div>
              <div class="border">Love</div>
              <div>Pet</div>
          </div>

          <div class="img-src" style="background-image: url('img/service/top-service.jpg')"></div>
          <div class="img-src blur" style="background-image: url(&quot;img/service/top-service.jpg&quot;); opacity: 0;"></div>
      </div>
  </div>
  <div class="main">
    <!-- BreadcrumbList -->
    <nav>
      <ol itemscope="" itemtype="https://schema.org/BreadcrumbList" class="breadcrumb">
        <li itemprop="itemListElement" itemscope="" itemtype="http://schema.org/ListItem">
          <a itemprop="item" th:href="@{/index}">
            <span itemprop="name">首页</span>
          </a>
          <meta itemprop="position" content="1">
        </li>
        <li itemprop="itemListElement" itemscope="" itemtype="http://schema.org/ListItem">
          <a itemprop="item" th:href="@{/Havecats}">
            <span itemprop="name">宠物词典</span>
          </a>
          <meta itemprop="position" content="2">
        </li>
        <li itemprop="itemListElement" itemscope="" itemtype="http://schema.org/ListItem" class="active">
          <span itemprop="name">猫咪的饲养方法</span>
          <meta itemprop="position" content="3">
        </li>
      </ol>
    </nav>
  
    <div class="coo-title">
      <h1 class="coo-hd-tittle">猫咪的饲养方法</h1>
    </div>
    <div class="container tim-container">
      <div class="text-center">
        <img src="img/dictionary/icon/list-01.png" alt="home image">
        <h3 class="coo-text-blue">准备工作 <small> confirm</small></h3>
      </div>
      <p class="lead text-muted">很多饲主都是第一次饲养猫咪，介绍饲养猫咪前的需要的准备工作</p>
      <div class="row">
        <div class="col-md-4">
          <div class="thumbnail">
            <div class="bg-dictionary-icon-blue">
              <img src="img/dictionary/icon/icon-promise.png" alt="">
            </div>
            <div class="caption">
              <h5 class="coo-text-blue">请务必遵守</h5>
              <p class="coo-text-lightbrown">一天的<span class="coo-text-blue">睡眠时间</span>、<span class="coo-text-blue">饮食次数</span>以及<span class="coo-text-blue">水分的摄取量</span>、最适中的室内温度和湿度等，是饲养猫咪的时候需要遵守的内容。</p>
            </div>
          </div>
        </div>
        <div class="col-md-4">
          <div class="thumbnail">
            <div class="bg-dictionary-icon-blue">
              <img src="img/dictionary/icon/icon-understand.png" alt="">
            </div>
            <div class="caption">
              <h5 class="coo-text-blue">需要理解的内容</h5>
              <p class="coo-text-lightbrown">出生后不久的猫咪<span class="coo-text-blue">对环境的变化非常敏感</span>，很容易出现身体的不适。猫咪到新家后<span class="coo-text-blue">第一个礼拜和主人的互动</span>。</p>
  
            </div>
          </div>
        </div>
        <div class="col-md-4">
          <div class="thumbnail">
            <div class="bg-dictionary-icon-blue">
              <img src="img/dictionary/icon/icon-health.png" alt="">
            </div>
            <div class="caption">
              <h5 class="coo-text-blue">健康状况</h5>
              <p class="coo-text-lightbrown">为了能及时发现猫咪的身体不适，要确认<span class="coo-text-blue">每天的饮食</span>以及<span class="coo-text-blue">睡眠时间</span>、<span class="coo-text-blue">排泄物</span>有没有异常。</p>
  
            </div>
          </div>
        </div>
      </div>
      <div class="space-30"></div>
    </div>
  
    <div class="coo-bg-light">
      <div class="space-30"></div>
      <div class="container">
        <div class="text-center">
          <img src="img/dictionary/icon/list-02.png" alt="hospital image">
          <h3 class="coo-text-pink">疾病预防、绝育 <small> prevention</small></h3>
        </div>
        <p class="lead text-muted">为了猫咪的健康，要先对预防疾病和各种传染病的方法有所了解。</p>
        <div class="row">
          <div class="col-md-4">
            <div class="thumbnail">
              <div class="bg-dictionary-icon-pink">
                <img src="img/dictionary/icon/icon-prevention.png" alt="">
              </div>
              <div class="caption">
                <h5 class="coo-text-pink">疾病预防</h5>
                <p class="coo-text-lightbrown">感染某些可怕的疾病会危及猫咪的生命。通过<span class="coo-text-pink">接种疫苗</span>等方法，做好疾病的防范工作。</p>
  
              </div>
            </div>
          </div>
          <div class="col-md-4">
            <div class="thumbnail">
              <div class="bg-dictionary-icon-pink">
                <img src="img/dictionary/icon/icon-zoonosis.png" alt="">
              </div>
              <div class="caption">
                <h5 class="coo-text-pink">人畜共患疾病</h5>
                <p class="coo-text-lightbrown">人畜共患疾病是指<span class="coo-text-pink">由在动物和人之间传播的病原体引起的疾病</span>。饲主要对这一类疾病有正确的认识，防患于未然。</p>
  
              </div>
            </div>
          </div>
          <div class="col-md-4">
            <div class="thumbnail">
              <div class="bg-dictionary-icon-pink">
                <img src="img/dictionary/icon/icon-heartworm.png" alt="">
              </div>
              <div class="caption">
                <h5 class="coo-text-pink">丝虫病预防</h5>
                <p class="coo-text-lightbrown">心丝虫是通过受感染宿主动物的蚊虫叮咬传播的寄生虫。不采用预防措施的话，将会有<span class="coo-text-pink">40%的感染概率</span>。</p>
  
              </div>
            </div>
          </div>
        </div>
  
        <div class="row">
          <div class="col-md-4">
            <div class="thumbnail">
              <div class="bg-dictionary-icon-pink">
                <img src="img/dictionary/icon/icon-castration.png" alt="">
              </div>
              <div class="caption">
                <h5 class="coo-text-pink">绝育</h5>
                <p class="coo-text-lightbrown">猫咪实施绝育的<span class="coo-text-pink">大致季节、</span><span class="coo-text-pink">手术所需的费用</span>等需要注意的内容。</p>
  
              </div>
            </div>
          </div>
          <div class="col-md-4">
            <div class="thumbnail">
              <div class="bg-dictionary-icon-pink">
                <img src="img/dictionary/icon/icon-age.png" alt="">
              </div>
              <div class="caption">
                <h5 class="coo-text-pink">猫咪的年龄</h5>
                <p class="coo-text-lightbrown">猫咪的<span class="coo-text-pink">成长速度</span>和人类不同。了解猫咪的成年时期，把握每个阶段的营养需求来帮助他们茁壮成长。</p>
  
              </div>
            </div>
          </div>
          <div class="col-md-4"></div>
        </div>
        <div class="space-30"></div>
      </div>
    </div>
  
    <div class="container tim-container">
      <div class="space-30"></div>
      <div class="text-center">
        <img src="img/dictionary/icon/list-03.png" alt="food bowl image">
        <h3 class="coo-text-yellow">关于饮食 <small> Diet and exercise</small></h3>
      </div>
      <p class="lead text-muted">饲养猫咪最重要的内容是饮食。特别要注意猫咪不能吃的食物。</p>
      <div class="row">
        <div class="col-md-4">
          <div class="thumbnail">
            <div class="bg-dictionary-icon-yellow">
              <img src="img/dictionary/icon/icon-food.png" alt="">
            </div>
            <div class="caption">
              <h5 class="coo-text-yellow">饮食</h5>
              <p class="coo-text-lightbrown">些许的环境变化，都有可能导致猫咪身体不适甚至生病。为了猫咪的健康，<span class="coo-text-yellow">尽量不改变</span>饮食内容。</p>
  
            </div>
          </div>
        </div>
        <div class="col-md-4">
          <div class="thumbnail">
            <div class="bg-dictionary-icon-yellow">
              <img src="img/dictionary/icon/icon-not-eat.png" alt="">
            </div>
            <div class="caption">
              <h5 class="coo-text-yellow">饮食禁忌</h5>
              <p class="coo-text-lightbrown">人类的饮食<span class="coo-text-yellow">盐分含量</span>比较高，给猫咪吃的话会对身体造成负担。充分理解猫咪的<span class="coo-text-yellow">饮食禁忌</span>。</p>
  
            </div>
          </div>
        </div>
        <div class="col-md-4"></div>
      </div>
      <div class="space-30"></div>
    </div>
  
    <div class="coo-bg-light">
      <div class="space-30"></div>
      <div class="container">
        <div class="text-center">
          <img src="img/dictionary/icon/list-04.png" alt="paw image">
          <h3 class="coo-text-green">养猫必备清单 <small> Necessities</small></h3>
        </div>
        <p class="lead text-muted">在带猫咪回家之前，一定要先准备好最基本的生活用品。我们一起来聊一聊需要准备的猫咪用品。</p>
        <div class="row">
          <div class="col-md-4">
            <div class="thumbnail">
              <div class="bg-dictionary-icon-green">
                <img src="img/dictionary/icon/icon-preparation.png" alt="">
              </div>
              <div class="caption">
                <h5 class="coo-text-green">饲养猫咪前的准备用品</h5>
                <p class="coo-text-lightbrown">第一次饲养猫咪的时候，需要准备很多宠物用品。<span class="coo-text-green">猫笼</span>、<span class="coo-text-green">厕所</span>、<span class="coo-text-green">宠物窝</span>等，在带猫咪回家之前需要准备的清单。</p>
  
              </div>
            </div>
          </div>
          <div class="col-md-4">
            <div class="thumbnail">
              <div class="bg-dictionary-icon-green">
                <img src="img/dictionary/icon/icon-future.png" alt="Collar">
              </div>
              <div class="caption">
                <h5 class="coo-text-green">成长期需要的用品</h5>
                <p class="coo-text-lightbrown">根据猫咪的<span class="coo-text-green">成长</span>或<span class="coo-text-green">季节变化</span>，所需要的用品也会不同。介绍猫咪成长期需要的宠物用品。</p>
  
              </div>
            </div>
          </div>
          <div class="col-md-4">
            <div class="thumbnail">
              <div class="bg-dictionary-icon-green">
                <img src="img/dictionary/icon/icon-house.png" alt="house">
              </div>
              <div class="caption">
                <h5 class="coo-text-green">猫咪的窝</h5>
                <p class="coo-text-lightbrown">为了猫咪能安心舒适的生活，猫咪的窝是非常重要的。根据<span class="coo-text-green">猫笼、</span><span class="coo-text-green">宠物窝</span>的不同性能，解说生活中潜存的危险性。</p>
  
              </div>
            </div>
          </div>
        </div>
  
        <div class="row">
          <div class="col-md-4">
            <div class="thumbnail">
              <div class="bg-dictionary-icon-green">
                <img src="img/dictionary/icon/icon-toy.png" alt="toy">
              </div>
              <div class="caption">
                <h5 class="coo-text-green">玩具</h5>
                <p class="coo-text-lightbrown">对于猫咪来说，玩具是<span class="coo-text-green">发泄压力</span>的必需用品。了解自家猫咪的习性，挑选最适合的玩具给猫咪。</p>
  
              </div>
            </div>
          </div>
          <div class="col-md-4">
            <div class="thumbnail">
              <div class="bg-dictionary-icon-green">
                <img src="img/dictionary/icon/icon-toilet.png" alt="toilet">
              </div>
              <div class="caption">
                <h5 class="coo-text-green">厕所</h5>
                <p class="coo-text-lightbrown"><span class="coo-text-green">训练猫咪上厕所</span>的诀窍在于失败了也不责骂，耐心的慢慢引导至成功。分享猫咪大小便训练流程。</p>
  
              </div>
            </div>
          </div>
          <div class="col-md-4">
            <div class="thumbnail">
              <div class="bg-dictionary-icon-green">
                <img src="img/dictionary/icon/icon-care.png" alt="care">
              </div>
              <div class="caption">
                <h5 class="coo-text-green">日常护理</h5>
                <p class="coo-text-lightbrown">日常护理，对于猫咪来说不仅仅是<span class="coo-text-green">肌肤触碰</span>，也可以帮助猫咪<span class="coo-text-green">预防疾病</span>。猫咪日常护理的方法和需要注意的事项。</p>
  
              </div>
            </div>
          </div>
  
        </div>
        <div class="space-30"></div>
      </div>
    </div> <!-- end coo-bg-light -->
  
  </div>
  
  
  
  
  <div class="parallax-pro">
      <div class="img-src" style="background-image: url('img/image-dogrun2.jpg');"></div>
      <div class="container"><div class="row"><div class="col-md-6 text-center">
          <h3><small>跳转到新青年宠物店媒体官方：</small></h3>
          <p>
              <small>
              </small></p><ul class="list-unstyled"><small>
          <li><a href="https://space.bilibili.com/456611364?spm_id_from=333.1007.0.0" target="_brank">Ai喵咪皇帝</a></li>
          <li><a href="https://space.bilibili.com/456611364?spm_id_from=333.1007.0.0" data-toggle="modal" data-target="#wechatModal">哔哩哔哩</a></li>
          <li><a href="https://space.bilibili.com/456611364?spm_id_from=333.1007.0.0" data-toggle="modal" data-target="#wechatModal">哔哩哔哩</a></li>
          <li><a href="https://space.bilibili.com/456611364?spm_id_from=333.1007.0.0" data-toggle="modal" data-target="#wechatModal">哔哩哔哩</a></li>
      </small></ul><small>
      </small>
          <p></p>
      </div><div class="col-md-6 text-center">
          <h3><small>软件工程项目实践课</small></h3>
          <p>
              <small>
              </small></p><ul class="list-unstyled"><small>
          <li>尊师：田广强</li>
          <li>css样式采用：bootstrap</li>
          <li>图片素材由百度图片提供</li>
          <li>已经将该项目投放gitee，欢迎wink!!!~~~</li>
      </small></ul><small>
      </small>
          <p></p>
      </div></div>
          <div class="space-30"></div><div class="row">
  
          </div><div class="row">
              <div class="col-md-12 text-center">
                  <div class="credits">
                      洪树军和赵纬的大作业新青年宠物销售平台
                  </div>
              </div>
          </div></div>
      <!--<audio autoplay loop>
         <source src="/PET_STOREMVC0702_war_exploded/mp3/song.mp3" type="audio/mpeg">
          您的浏览器不支持 HTML5 audio 标签。
      </audio>-->
  </div>
  <script src="js/jquery-1.10.2.js" type="text/javascript"></script>
  <script src="js/jquery-ui-1.10.4.custom.min.js" type="text/javascript"></script>
  <script src="js/bootstrap.js" type="text/javascript"></script>
  <script src="js/gsdk-bootstrapswitch.js"></script>
  <script src="js/get-shit-done.js"></script>
  <script src="js/custom.js"></script>
  
  
  
  </body><!-- Mirrored from localhost:8080/PET_STOREMVC0702_war_exploded/Havecats.action by HTTrack Website Copier/3.x [XR&CO'2014], Sat, 02 Nov 2024 09:41:48 GMT --></html>
</html>